<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/header.css">
    
</head>
<body>
    <div class="Cheader_bg">
        <div class="Cheader">
            <div class="Cheader_left">
                <img src="./image/header_left.gif" alt="">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-douyu-01"></use>
                </svg>
                <ul id="C_uls">
                    <li><a href="#" target="_blank">首页</a></li>
                    <li><a href="../zhibo/directory.html" target="_blank">直播</a></li>
                    <li><a href="#">分类</a>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youjiantou1"></use>
                        </svg>
                    </li>
                    <li><a href="../video/videoyu.html" target="_blank">视频</a>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youjiantou1"></use>
                        </svg>
                    </li>
                    <li><a href="../games/shouye.html" target="_blank">游戏</a>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-youjiantou1"></use>
                        </svg>
                    </li>
                    <li><a href="../yuba/yuba.html" target="_blank">鱼吧</a></li>
                    <li><a href="#">鱼乐盛典</a></li>
                </ul>
                <div class="header_sort">
                    <div class="sort_top">
                        <h5>热门分类</h5>
                        <ul class="header_sort_uls"></ul>
                    </div>
                    <div class="sort_bottom">
                        <h5>玩家推荐</h5>
                        <ul class="header_sort_uls2"></ul>
                    </div>
                    <div class="sort_div">全部分类</div>
                    <img src="./image/header_sort.webp" alt="">
                </div>
                <div class="header_video">
                    <div class="video_left">
                        <h5>官方推荐</h5>
                        <ul class="gftj_uls"></ul>
                    </div>
                    <div class="video_right">
                        <h5>人气视频</h5>
                        <span>上传视频</span>
                        <ul class="rqsp_uls"></ul>
                    </div>
                </div>
                <div class="header_games">
                    <div class="games_one">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-kehuduan1"></use>
                            </svg>
                            <span>网游推荐</span>
                        </div>
                        <span class="wyzx">网游中心&gt;&gt;</span>
                    </div>
                    <div class="games_two">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shouji"></use>
                            </svg>
                            <span>手游推荐</span>
                        </div>
                        <span>手游中心&gt;&gt;</span>
                    </div>
                    <div class="games_three">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youxi"></use>
                            </svg>
                            <span>云游戏</span>
                        </div>
                        <div class="yyx">
                            <img src="./image/sort1.png" alt="">
                            <div>
                                <p>英雄联盟-在线玩</p>
                                <p>无需客户端，网页在线下棋</p>
                            </div>
                            <span>开始游戏</span>
                        </div>
                        <span>云游戏&gt;&gt;</span>
                    </div>
                    <div class="games_four">
                        <img src="./image/games_.webp" alt="">
                        <span>广告</span>
                    </div>
                </div>
            </div>
            <div class="Cheader_right">
                <img src="./image/header_right.gif" alt="">
                <input type="text" placeholder="永恒之塔">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-tubiaozhizuomoban1-06"></use>
                </svg>
                <ul id="CR_uls">
                    <li>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-lishi1"></use>
                        </svg>
                        <a href="#">历史</a>
                    </li>
                    <li>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-guanzhu"></use>
                        </svg>
                        <a href="#">关注</a>
                    </li>
                    <li>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-kehuduan1"></use>
                        </svg>
                        <a href="#">客户端</a>
                    </li>
                    <li>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-a-xuqiu1"></use>
                        </svg>
                        <a href="#">创作中心</a>
                    </li>
                </ul>
                <div class="header_guanzhu">
                    <div>
                        <div style="background-color: #FF5D23; color: #fff;">全部关注</div>
                        <div>特别关注</div>
                        <div>视频动态</div>
                    </div>
                    <div class="guanzhu_one"></div>
                    <div class="guanzhu_one"></div>
                    <div class="guanzhu_one"></div>
                    <div>
                      <img src="./image/guanzhu.webp" alt=""> 
                      <span>广告</span> 
                    </div>
                </div>
                <div class="header_PC">
                    <div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-wuguanggao"></use>
                        </svg>
                        <p>纯净无广告</p>
                    </div>
                    <div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-gaoqing2"></use>
                        </svg>
                        <p>高清不卡顿</p>
                    </div>
                    <div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-yueliang"></use>
                        </svg>
                        <p>夜间不伤眼</p>
                    </div>
                    <div class="dak">立即打开</div>
                    <div>
                        <div class="PC_left">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-yuyin"></use>
                            </svg>
                            <p>主播工具</p>
                        </div>
                        <div class="PC_center">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-kehuduan1"></use>
                            </svg>
                            <p>电视</p>
                        </div>
                        <div class="PC_right">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shouji"></use>
                            </svg>
                            <p>移动端</p>
                        </div>
                    </div>
                </div>
                <div class="touxiang">
                    <!-- <img src="./image/touxiang.png" alt=""> -->
                </div>
            </div>
            <img src="./image/header_left.gif" alt="">
            <img src="./image/header_right.gif" alt="">
        </div>
    </div>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/iconfont.js"></script>
    <script src="./js/header.js"></script>
</body>
</html>